<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style>
			.mui-title{
				text-align: right;
			}
			.mui-bar .mui-title{
				right:18px;
			}
			.link-area {
				display: block;
				margin-top: 25px;
				text-align: center;
			}
			/*loading*/
			/*----------------mui.showLoading---------------*/
			.mui-show-loading {
				position: fixed;
				padding: 5px;
				width: 120px;
				min-height: 120px;
				top: 45%;
				left: 50%;
				margin-left: -60px;
				background: rgba(0, 0, 0, 0.6);
				text-align: center;
				border-radius: 5px;
				color: #FFFFFF;
				visibility: hidden;
				margin: 0;
				z-index: 2000;

				-webkit-transition-duration: .2s;
				transition-duration: .2s;
				opacity: 0;
				-webkit-transform: scale(0.9) translate(-50%, -50%);
				transform: scale(0.9) translate(-50%, -50%);
				-webkit-transform-origin: 0 0;
				transform-origin: 0 0;
			}
			.mui-show-loading.loading-visible {
				opacity: 1;
				visibility: visible;
				-webkit-transform: scale(1) translate(-50%, -50%);
				transform: scale(1) translate(-50%, -50%);
			}
			.mui-show-loading .mui-spinner{
				margin-top: 24px;
				width: 36px;
				height: 36px;
			}
			.mui-show-loading .text {
				line-height: 1.6;
				font-family: -apple-system-font,"Helvetica Neue",sans-serif;
				font-size: 14px;
				margin: 10px 0 0;
				color: #fff;
			}

			.mui-show-loading-mask {
				position: fixed;
				z-index: 1000;
				top: 0;
				right: 0;
				left: 0;
				bottom: 0;
			}
			.mui-show-loading-mask-hidden{
				display: none !important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">登录</h1>
		</header>
		<div class="mui-content">
			<div class="mui-content-padded" style="text-align: center;">
				<img width="100px"  src="images/code.png" height="100px"/>
				<h3>该二维码已经绑定信息</h1>
			</div>
			<div class="mui-input-row" style="text-align: center;">
			    <label>所有者:</label>
			   	<label id="nickname">..</label>
			   	<label>手机号:</label>
			   	<label id="phone">..</label>
			   	<label>邮箱:</label>
			   	<label id="email">..</label>
			   	<label>微信:</label>
			   	<label id="wechat">..</label>
			   	<label>QQ:</label>
			   	<label id="qq">..</label>
			   	<label>说明：</label>
			   	<label>这个人很懒</label>
			</div>
			<div class="mui-content">
				<div class="link-area"><a href="login.html" id='reg'>登录</a> <span class="spliter"></a>
			</div>

				<div id="bottom" style="text-align: center;  position:absolute; bottom:0;width:100%; height: 30px;">
					<p style="font-size: 10px;color: gray()">青ICP备17001659-1号</p>
					<p>(c) Copyright 2018 maxun.xyz. All Rights Reserved.</p>
				</div>
		
		</div>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
            (function($, window) {
                //显示加载框
                $.showLoading = function(message,type) {
                    if ($.os.plus && type !== 'div') {
                        $.plusReady(function() {
                            plus.nativeUI.showWaiting(message);
                        });
                    } else {
                        var html = '';
                        html += '<i class="mui-spinner mui-spinner-white"></i>';
                        html += '<p class="text">' + (message || "数据加载中") + '</p>';

                        //遮罩层
                        var mask=document.getElementsByClassName("mui-show-loading-mask");
                        if(mask.length==0){
                            mask = document.createElement('div');
                            mask.classList.add("mui-show-loading-mask");
                            document.body.appendChild(mask);
                            mask.addEventListener("touchmove", function(e){e.stopPropagation();e.preventDefault();});
                        }else{
                            mask[0].classList.remove("mui-show-loading-mask-hidden");
                        }
                        //加载框
                        var toast=document.getElementsByClassName("mui-show-loading");
                        if(toast.length==0){
                            toast = document.createElement('div');
                            toast.classList.add("mui-show-loading");
                            toast.classList.add('loading-visible');
                            document.body.appendChild(toast);
                            toast.innerHTML = html;
                            toast.addEventListener("touchmove", function(e){e.stopPropagation();e.preventDefault();});
                        }else{
                            toast[0].innerHTML = html;
                            toast[0].classList.add("loading-visible");
                        }
                    }
                };

                //隐藏加载框
                $.hideLoading = function(callback) {
                    if ($.os.plus) {
                        $.plusReady(function() {
                            plus.nativeUI.closeWaiting();
                        });
                    }
                    var mask=document.getElementsByClassName("mui-show-loading-mask");
                    var toast=document.getElementsByClassName("mui-show-loading");
                    if(mask.length>0){
                        mask[0].classList.add("mui-show-loading-mask-hidden");
                    }
                    if(toast.length>0){
                        toast[0].classList.remove("loading-visible");
                        callback && callback();
                    }
                }
            })(mui, window);
		</script>
			<script src="js/jquery-1.8.3.js"></script>
			<script>
                //获取url中的参数
                function getUrlParam(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                    var r = window.location.search.substr(1).match(reg); //匹配目标参数
                    if (r != null) return unescape(r[2]); return null; //返回参数值
                }
                $(function () {
                    mui.showLoading("正在加载..","div");
                    $.ajax({
                        type:'get',
                        url:'../controller/UserController.php',
                        data:{
                            id:getUrlParam("id"),
							action:"select"
						},
                        cache:false,
                        dataType:'json',
                        success:function(data){
							$("#nickname").text(data[0].nick_name);
							$("#phone").text(data[0].phone);
							$("#email").text(data[0].email);
							$("#wechat").text(data[0].wechat);
							$("#qq").text(data[0].qq);
                            mui.hideLoading();
                        }
                    });

                })
                $(window).resize(function(){
                    var h_doc = $(document).height();
                    var h_foo = h_doc-25;
                    $('#bottom').offset({top:h_foo,left:0});
                });
			</script>
			<script src="https://s13.cnzz.com/z_stat.php?id=1273362290&web_id=1273362290" language="JavaScript"></script>
	</body>

</html>